import React,{PureComponent} from 'react'
import {View,Image,StyleSheet,TouchableOpacity,Text,Dimensions,Button,Platform} from 'react-native'
const {width} = Dimensions.get('window')

export default class CommentListCell extends PureComponent{
    render(){
        return (
            <View style={styles.container}>
                <Image style={{width:40,height:40,borderRadius:20,borderWidth:2,borderColor:'#e6e5ff'}} source={require('../../../res/img/ic_avatar_default.png')}/>
                <View style={{backgroundColor:'white',marginLeft:20,marginTop:10,flex:1}}>
                    <Text style={styles.name}>天堂的榨菜</Text>
                    <Text style={styles.time}>2018.03.20 12:33</Text>
                    <Text style={styles.comment}>很棒！！要回听五十遍！很棒！要回听五十遍！！要回听五十遍！很棒！要回听五十遍！很棒！要回听五十遍！</Text>
                </View>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    container:{
       paddingBottom:15,
       paddingTop:15,
        paddingLeft:12,
        paddingRight:12,
        backgroundColor:'white',
        flexDirection:'row',
    },
    name:{
        color:'black',
        fontSize:13,
        fontWeight:'bold',
    },
    time:{
        color:'rgba(0,0,0,0.5)',
        fontSize:11,
        marginTop:10,
        marginBottom:10,
        fontWeight:'200',
    },
    comment:{
        color:'black',
        fontSize:16,
        fontWeight:'bold',
        lineHeight:24,
    },
})